<header class="page-header clearfix">
    <h4><a ui-sref="k8s-dp({kDbCode: ser.k8sCode})"><i class="fa fa-arrow-left"></i></a>服务DP {{::ser.name}}</h4>
    <ol class="breadcrumb">
        <li><a ng-href="#/k8s">容器集群</a></li>
        <li><a ui-sref="k8s-dp({kDbCode: ser.k8sCode})">服务DP</a></li>
        <li class="active">服务详情</li>
    </ol>
</header>
<section>
    <div class="panel">
        <div class="panel-heading">详情</div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-6">
                    <dt>名称</dt>
                    <dd>{{::ser.name}}</dd>
                </div>
                <div class="col-md-6">
                    <dt>命名空间</dt>
                    <dd>{{::ser.namesp}}</dd>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <dt>策略</dt>
                    <dd>{{::ser.strategy}}</dd>
                </div>
                <div class="col-md-6">
                    <dt>版本状态</dt>
                    <dd>
                        <ul style="margin-left:-5px" class="list-inline">
                            <li>Updated {{::ser.status.updated}}</li>
                            <li>Total {{::ser.status.replicas}}</li>
                            <li>Available {{::ser.status.available}}</li>
                            <li>Unavailable {{::ser.status.unavailable}}</li>
                        </ul>
                    </dd>
                </div>
            </div>
            <dt>Selector</dt>
            <dd>
                {{::ser.selector.join(', ')}}
            </dd>
            <dt>Labels</dt>
            <dd>
                {{::ser.labels.join(', ')}}
            </dd>
        </div>
    </div>
    <div class="panel panel-list">
        <div class="panel-heading">版本列表</div>
        <div class="panel-body">
            <service-table></service-table>
        </div>
    </div>
</section>